<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>工作台.语雀</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <!-- 头部部分开始start -->
       <div class="nav">
        <div class="nav-l fl">
            <a href="https://www.yuque.com" target="_black">
                <img src="images/queque.png">
                <span>语&nbsp;雀</span>
            </a>
        </div>
        <div class="nav-c fl">
            <div class="nav-c-search">
            <button></button> <input type="text" placeholder='搜索'>
        </div>
        <div class="nav-c-found">
            <ul>
                <li id="work"> 工作台 </li>
                <li><a href="#"> 空间</a></li>
                <li><a href="#"> 发现</a></li>
                <li><a href="#"> 帮助</a></li>
            </ul>    
        </div>
        </div>
        <div class="nav-r fr">
            <div class="icon1">
                <img src="images/shi.jpg" alt="">
            </div>
            <div class="icon3">
                <img src="images/laba.jpg" alt="">
            </div>
            <div class="icon4">
                <img src="images/touxiang.png" alt="" width="24px" height="24px">
            </div>
        </div>
        </div>
    <!-- 头部部分结束end -->
    <!-- 主体部分开始start -->
    <div class="bac">
     <div class="content">
         <!-- 主体左侧部分开始start -->
         <div class="content-l">
             <div class="content-l-top">
             <ul>
                 <li> <a href="#"><img src="images/1.png" alt="">工作台</a></li>
                 <li><a href="#"></a></li>
                 <li> <a href="doc.html"><img src="images/2.png" alt="">文档</a> </li>
                 <li> <a href="#"><img src="images/3.png" alt=""> 知识库</a></li>
                 <li> <a href="#"><img src="images/4.png" alt="">团队</a></li>
             </ul>
            </div>
             <div class="content-l-bottom">
                 <ul>
                     <li><a href="#"><img src="images/8.png" alt="">协作</a></li>
                     <li><a href="#"><img src="images/5.png" alt="">讨论</a></li>
                     <li><a href="#"><img src="images/6.png" alt="">关注</a></li>
                     <li><a href="#"><img src="images/7.png" alt="">收藏</a></li>
                     <li><a href="#"></a></li>
                     <li><a href="#"><img src="images/9.png" alt="">回收站</a></li>
                 </ul>  
             </div>
         </div>
         <!-- 主体左侧部分结束end -->
         <!-- 主体中间部分开始start -->
         <div class="content-c">
             <div class="content-c-top">
                 <div class="content-c-top-text">
                     <span>最近编辑</span>
                     <div class="newdoc">新建文档</div>
                 </div>
                 <div class="content-c-top-doc ">
                     <div class="content-box">
                         <img src="images/shu.jpg" alt="">
                         <div class="word"> 
                         <span>Git</span><br>Leechar/我是一只猪 &nbsp;今天14:46
                        </div>   
                     </div>
                     <div class="content-box">
                        <img src="images/shu.jpg" alt="">
                            <div class="word"> 
                                    <span>Vscode</span><br>Leechar/我是一只猪 &nbsp;今天14:46
                                   </div>   
                     </div>
                     <div class="content-box">
                        <img src="images/shu.jpg" alt="">
                            <div class="word"> 
                                    <span>无标题</span><br>Leechar/工作日志 &nbsp;今天03:46
                                   </div>   
                     </div>
                     <div class="content-box">
                        <img src="images/shu.jpg" alt="">
                            <div class="word"> 
                                    <span>周报</span><br>Leechar/工作日志 &nbsp;今天03:35
                                   </div>   
                     </div>
                     <div class="content-box">
                        <img src="images/shu.jpg" alt="">
                            <div class="word"> 
                                    <span>日报</span><br>Leechar/工作日志 &nbsp;今天03:35
                                   </div>   
                     </div>
                 </div>
             </div>
             <div class="content-c-top">
                    <div class="content-c-top-text">
                        <span>最近参与的知识库</span>
                        <div class="newdoc">新建知识库</div>
                    </div>
                    <div class="content-c-top-doc">
                        <div class="content-box">
                            <img src="images/shu.jpg" alt="">
                            <div class="word"> 
                                    <span>默认知识库</span><br>这是一个知识库
                                   </div>   
                        </div>
                        <div class="content-box">
                            <img src="images/shu.jpg" alt="">
                               <div class="word"> 
                                    <span>朝花夕拾</span><br>鲁迅先生的文章
                                   </div>   
                        </div>
                        <div class="content-box">
                            <img src="images/shu.jpg" alt="">
                               <div class="word"> 
                                    <span>唯我独尊</span><br>东方不败
                                   </div>   
                        </div>
                        <div class="content-box">
                            <img src="images/shu.jpg" alt="">
                               <div class="word"> 
                                    <span>九阳神功</span><br>明教教主张无忌
                                   </div>   
                        </div>
                        <div class="content-box">
                            <img src="images/shu.jpg" alt="">
                               <div class="word"> 
                                    <span>Javascrip</span><br>这是一个编程语言
                                   </div>   
                        </div>
                    </div>
                </div>
         </div>
         <!-- 主体中间部分结束end -->
         <!-- 主体右半部分开始start -->
         <div class="content-r fr">
            <div class="content-r-first">
                <span>我的团队</span>
                <div class="team">新建团队</div>
            </div>
            <div class="content-r-second">
                还没有团队，快去<a href="#">新建团队</a>吧
            </div>
            <p>今日推荐</p>
            <div class="content-r-pic">
                <img src="images/travl.png" alt="">
                <span>【摄影集】杭州旅行图册</span>
            </div>
            <ul>
                <li><a href="English.html">English </a></li>       
                <li><a href="https://www.yuque.com/yuque/help/about" target="_black"> 什么是语雀</a></li>
                <li><a href="https://www.yuque.com/yuque/blog" target="_black"> 语雀的天空</a></li>
                <li><a href="https://www.yuque.com/yuque/help" target="_black"> 使用手册</a></li>
                <li><a href="https://www.yuque.com/yuque/topics" target="_black"> 反馈</a></li>
                <li><a href="https://www.yuque.com/yuque/developer" target="_black"> 开发者</a></li>
                <li><a href="https://www.yuque.com/terms" target="_black"> 服务协议</a></li>
            </ul>
         </div>
         <!-- 主体右半部分结束end -->
     </div></div>
    <!-- 主体部分结束end -->
    
</body>
</html>